/* 
    Document   : admin_members_index
    Created on : Jun 20, 2013, 11:16:28 PM
    Author     : Francis
    Description:
        Purpose of the stylesheet follows.
*/

html, body {
    height: 100%;
    padding: 0px;
    margin: 0px;
}

.btn-toolbar {
    margin: 0px;
}

.app_main {
    height: 100%;
    margin: 0px;
    box-sizing: border-box;
}

#members-contaier {
    margin: 0px;
    height: 100%;
    padding-top: 50px;
    padding-bottom: 45px;
    box-sizing: border-box;
}

#members-contaier #control-row {
    width: auto;
    overflow: visible;
    border: solid #ddd 1px;
    border-radius: 2px;
    height: 30px;
    padding: 10px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    /*        position: fixed;
            top: 40px;
            left: 0px;
            right: 0px;
            background-color: #fff;*/
    /*        padding-top: 8px;
            padding-bottom: 0px;
            padding-left: 20px;
            padding-right: 20px;*/
    /*box-sizing: border-box;
    width: auto;
    height: 45px;*/
    /*        border-bottom: solid #ccc 2px;
            box-shadow: 1px 0px 1px #333;*/
    /*        background: #ffffff;  Old browsers 
            background: #f9f9f9;  Old browsers 
            background: -moz-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%);  FF3.6+ 
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e5e5e5));  Chrome,Safari4+ 
            background: -webkit-linear-gradient(top, #f9f9f9 0%,#e5e5e5 100%);  Chrome10+,Safari5.1+ 
            background: -o-linear-gradient(top, #f9f9f9 0%,#e5e5e5 100%);  Opera 11.10+ 
            background: -ms-linear-gradient(top, #f9f9f9 0%,#e5e5e5 100%);  IE10+ 
            background: linear-gradient(to bottom, #f9f9f9 0%,#e5e5e5 100%);  W3C 
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e5e5e5',GradientType=0 );  IE6-9 */
}

#members-contaier #control-row .btn {
    font-size: 11px;
}


/*#members-contaier #content-row {
    overflow: hidden;
    height: 100%;
}*/

#members-contaier #content-row .header {
    color: #0D7685;
    padding: 3px;
    border-radius: 3px;
    border-bottom: dotted #999 1px;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 4px;
}

#members-contaier #tree-view li {
    font-size:  11px;
}

#members-contaier #tree-view li .hitarea {
    margin-top: 3px;
}

#members-contaier #table-view #content {
    height: 93%;
    width: 100%;
    padding: 4px;
    box-sizing: border-box;
}

#members-contaier #table-view tr td {
    cursor: pointer;
}

#members-contaier #table-view tr.selected td {
    background-color: #666;
    color: #fff;
    font-weight: bold;
}

#members-contaier #block-row {
}

#members-contaier #block-row .block_view {
    overflow: auto;
    display: inline-block;
}

/*#members-contaier .block_view .nano {
    height: 93%;
    padding: 4px;
    box-sizing: border-box;
}*/

#members-contaier #footer {
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: 0px;
    padding-left: 20px;
    background-color: #ededed;
    /*position: fixed;*/
    box-sizing: border-box;
    font-size: 11px;
}

#members-contaier #footer ul {
    list-style: none;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

#members-contaier #footer ul li {
    display: inline-block;
    padding: 1px 6px;
    line-height: 16px;
    vertical-align: middle;
    margin: 0px;
}

#members-contaier #footer ul li.divider-vertical {
    width: 1px;
    border-left: solid #ccc 1px;
    border-right: solid #eee 1px;
    height: 20px;
}

#members-contaier #footer ul li a {
    color: #444;
}

#members-contaier #footer ul li.active {
    background-color: #444;
}

#members-contaier #footer ul li.active a {
    color: #fff;
}

/*****************************************
 * TABS
 */
#members-contaier .nav {
    height: 600px;
}

#members-contaier .nav-tabs > li > a {
    padding: 15px;
    font-size: 11px;
    font-weight: bold;
    min-width: 0px;
}

.xheader {
    /*background: #45484d; /* Old browsers */
    /*background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
    /*background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

    color: #0D7685;
    padding: 3px;
    border-radius: 3px;
    border-bottom: dashed #999 1px;
    font-size: 12px;

}

.picture {
    border: solid #ccc 1px;
    width: 140px;
    height: 180px;
}

#profile-view {
    font-size: 11px;
}

#profile-view [class*="span"] {
    margin-bottom: 10px;
}

#profile-view [class*="span"]:not(:last-child) {
    border-right: solid #f1f1f1 1px;
    padding: 0px 10px;
    box-sizing: border-box;
}

#profile-view header {
    margin-bottom: 10px;
    overflow: hidden;
}

#profile-view header h5 {
    margin: 0px;
    font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
}

#profile-view .header td { 
    background: #333333; /* Old browsers */
    background: -moz-linear-gradient(top, #333333 0%, #222222 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #333333 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #333333 0%,#222222 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #333333 0%,#222222 100%); /* IE10+ */
    background: linear-gradient(to bottom, #333333 0%,#222222 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-weight: bold;
    font-size: 14px !important;
}

#profile-view table th {
    font-weight: normal;
    color: #888;
    width: 130px;
}

#profile_view > section {
    clear: both;
    margin-bottom: 10px;
}

#profile-view .accordion-heading a {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

#profile-view .accordion-heading a:hover,
#profile-view .accordion-heading a:active {
    color: #0D7685;
    text-decoration: none;
}

#profile-view .accordion-heading a:focus {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    color: #444;
}

#profile-view .accordion-heading a {
    color: #555;
    font-weight: bold;
}

.details_table td, .details_table th {
    font-size: 11px;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    border: none;
}

.details_table.condensed td, .details_table.condensed th { 
    padding: 2px 5px;
}

#list-table td, #list-table th {
    font-size: 11px;
}

#profile_editor .modal-header {
    padding: 3px 15px;
    font-size: 14px;
    background-color: #f1f1f1;
}

#profile_editor .modal-header .close {
    font-size: 15px !important;
    border: solid #ccc 1px;
    border-radius: 30px;
    padding: 1px 6px;
    background-color: #000;
    opacity: .9;
    color: #fff;
    margin-top: 5px;
}